<template>
    <div class="cartlist">
        <cartListItem v-for="(item,index) in cartList" :key="index" :product="item"></cartListItem>
    </div>
</template>

<script>
import {mapGetters} from 'vuex'
import cartListItem from './cartListItem'

export default {
   name:'cartList',
   components:{
       cartListItem,

   },
   computed: {
       ...mapGetters(['cartList'])
   }
}
</script>

<style scoped>
.cartlist{
    margin-top: 49px;
    margin-bottom: 90px;
}
</style>